/*
  学习目标：useEffect的基本使用
*/

//  1. 导入useEffect
import React, { useEffect } from 'react';
import { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  //  2. 调用函数
  // 🔔回监听state的变化， 并且自动执行
  // 语法： useEffect(回调函数)
  useEffect(() => {
    console.log(count, 'count');
    document.title = count;
  });

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={() => setCount(count + 1)}>点我+1</button>
    </div>
  );
}
